<template>
	<div id="search">
		<el-form :inline="true" :model="searchData" id="search_form">
			<el-form-item label="类名">
				<el-input class="search_input" v-model="searchData.name" clearable />
			</el-form-item>
			<el-form-item>
				<el-button type="primary" @click="handleSearch()">查询</el-button>
			</el-form-item>
			<el-form-item>
				<el-button type="success" @click="handleCreate()">添加建筑</el-button>
			</el-form-item>
		</el-form>
	</div>
</template>

<script>
	export default {
		name:"SearchBar",
		mounted:{
			
		},
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="less" scoped>
	#search {
		background-color: white;
		padding: 10px;
		border-radius: 8px;
		height: 60px;
		box-sizing: border-box;
		width: 100%;
		text-align: right;
		// 保证搜索框向右对齐

		#search_form {
			/deep/ .el-form-item {
				margin-bottom: 0;
			}
		}
	}
</style>